<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>管理员功能</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <style>
        .feature-card {
            transition: transform 0.2s;
            cursor: pointer; /* 添加手型光标提示可点击 */
            height: 280px; /* 增加卡片高度 */
            display: flex; /* 启用flex布局 */
            flex-direction: column; /* 垂直排列 */
            justify-content: center; /* 内容垂直居中 */
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* 悬停时增强阴影 */
        }
        /* 卡片内容区域调整 */
        .card-body {
            padding: 6rem; /* 增加内边距 */
        }
        /* 为客户管理卡片添加背景图 */
        #customer-management-card {
            background-image: url("{{ url_for('static', filename='images/2ac71693a0181ac3d0debb3088cbb5e.jpg') }}");
            background-size: cover;
            background-position: center;
            color: white;
            text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
        }
        #customer-management-card .text-muted {
            color: rgba(255,255,255,0.8) !important;
        }
        /* 为银行卡管理卡片添加背景图 */
        #cards-management-card {
            background-image: url("{{ url_for('static', filename='images/2ac71693a0181ac3d0debb3088cbb5e.jpg') }}");
            background-size: cover;
            background-position: center;
            color: white;
            text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
        }
        #cards-management-card .text-muted {
            color: rgba(255,255,255,0.8) !important;
        }
        /* 为存款管理卡片添加背景图 */
        #deposit-management-card {
            background-image: url("{{ url_for('static', filename='images/2ac71693a0181ac3d0debb3088cbb5e.jpg') }}");
            background-size: cover;
            background-position: center;
            color: white;
            text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
        }
        #deposit-management-card .text-muted {
            color: rgba(255,255,255,0.8) !important;
        }
    </style>
</head>
<body class="bg-light">
<div class="container mt-5">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>管理员功能</h2>
        <a href="{{ url_for('index') }}" class="btn btn-outline-secondary">返回首页</a>
    </div>

    <div class="row">
        <div class="col-md-4">
            <a href="{{ url_for('admin_customers') }}" class="text-decoration-none"> <!-- 添加链接包裹整个卡片 -->
                <div class="card feature-card mb-4 shadow-sm" id="customer-management-card">
                    <div class="card-body text-center">
                        <h3 class="card-title">客户管理</h3>
                        <p class="card-text text-muted">管理客户信息、查询客户资料</p>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="{{ url_for('admin_cards') }}" class="text-decoration-none">
                <div class="card feature-card mb-4 shadow-sm" id="cards-management-card">
                    <div class="card-body text-center">
                        <h3 class="card-title">银行卡管理</h3>
                        <p class="card-text text-muted">管理银行卡信息、办理新卡</p>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="{{ url_for('admin_deposits') }}" class="text-decoration-none">
                <div class="card feature-card mb-4 shadow-sm" id="deposit-management-card">
                    <div class="card-body text-center">
                        <h3 class="card-title">存款业务管理</h3>
                        <p class="card-text text-muted">管理存款业务类型、利率设置</p>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
</body>
</html>